
<ion-navbar *navbar hideBackButton class="show-navbar">
  <ion-title>Icons</ion-title>
</ion-navbar>

<ion-content text-center class="has-header preview-icons">

  <ion-row>
    <ion-col><ion-icon name='ionic'></ion-icon></ion-col>
    <ion-col><ion-icon name='logo-angular'></ion-icon></ion-col>
    <ion-col><ion-icon name='ionitron'></ion-icon></ion-col>
  </ion-row>

  <ion-row>
    <ion-col><ion-icon name='heart'></ion-icon></ion-col>
    <ion-col><ion-icon name='apps'></ion-icon></ion-col>
    <ion-col><ion-icon name='happy'></ion-icon></ion-col>
  </ion-row>

  <ion-row>
    <ion-col><ion-icon name='people'></ion-icon></ion-col>
    <ion-col><ion-icon name='person'></ion-icon></ion-col>
    <ion-col><ion-icon name='contact'></ion-icon></ion-col>
  </ion-row>

  <ion-row>
    <ion-col><ion-icon name='lock'></ion-icon></ion-col>
    <ion-col><ion-icon name='key'></ion-icon></ion-col>
    <ion-col><ion-icon name='unlock'></ion-icon></ion-col>
  </ion-row>

  <ion-row>
    <ion-col><ion-icon name='map'></ion-icon></ion-col>
    <ion-col><ion-icon name='navigate'></ion-icon></ion-col>
    <ion-col><ion-icon name='pin'></ion-icon></ion-col>
  </ion-row>

  <ion-row>
    <ion-col><ion-icon name='mic'></ion-icon></ion-col>
    <ion-col><ion-icon name='musical-notes'></ion-icon></ion-col>
    <ion-col><ion-icon name='volume-up'></ion-icon></ion-col>
  </ion-row>

  <ion-row>
    <ion-col><ion-icon name='cafe'></ion-icon></ion-col>
    <ion-col><ion-icon name='calculator'></ion-icon></ion-col>
    <ion-col><ion-icon name='bus'></ion-icon></ion-col>
  </ion-row>

  <ion-row>
    <ion-col><ion-icon name='camera'></ion-icon></ion-col>
    <ion-col><ion-icon name='cube'></ion-icon></ion-col>
    <ion-col><ion-icon name='image'></ion-icon></ion-col>
  </ion-row>

  <ion-row>
    <ion-col><ion-icon name='star'></ion-icon></ion-col>
    <ion-col><ion-icon name='wine'></ion-icon></ion-col>
    <ion-col><ion-icon name='pin'></ion-icon></ion-col>
  </ion-row>

  <ion-row>
    <ion-col><ion-icon name='arrow-back'></ion-icon></ion-col>
    <ion-col><ion-icon name='arrow-dropdown'></ion-icon></ion-col>
    <ion-col><ion-icon name='arrow-forward'></ion-icon></ion-col>
  </ion-row>

  <ion-row>
    <ion-col><ion-icon name='sunny'></ion-icon></ion-col>
    <ion-col><ion-icon name='umbrella'></ion-icon></ion-col>
    <ion-col><ion-icon name='rainy'></ion-icon></ion-col>
  </ion-row>

</ion-content>
